html {
  scroll-behavior: smooth;
}

//点击样式
.switch {
  background-color: #fff;
  color: #000 !important;
}

body {
  background: #c3d2e7 url(https://blz.nosdn.127.net/1/tm/blz/overwatch/home/2600_Silver_Background.jpg) no-repeat 50%/cover;
  overflow-x: hidden;

  section {
    display: block;
  }

  //补丁说明标题
  .container_title {
    padding: 0 0 2.6042vw;

    h1 {
      padding-top: 5.9896vw;
      font-weight: 700;
      font-size: 3.125vw;
      text-align: center;
    }
  }

  //////////////////////////////////////////////////////////////////////////

  .container_content {
    background: #215da3 url(https://blz.nosdn.127.net/1/tm/blz/overwatch/home/2600_Sky.jpg) no-repeat 50%/cover;
    -webkit-mask-box-image: url(https://blz.nosdn.127.net/1/tm/blz/overwatch/home/Top_Divider-2d39cd814f.svg) 20 350 fill;
    overflow-x: hidden;
    margin-top: -19px;
    text-shadow: 0 4px 10px rgb(0 0 0 / 20%);
    overflow: hidden;
    position: relative;
    color: #fff;

    .content_heart {
      display: flex;
      padding: 6.25vw 1.5625vw 3.75vw 1.5625vw;
      margin: 0 7.8906vw;

      //左边内容
      .content_left {
        width: 20.0521vw;
        padding: 0 1.5625vw;

        .patch {
          h2 {
            padding-bottom: .625vw;
            font-size: 1.0417vw;
            border-bottom: .4167vw solid rgba(255, 255, 255, .2);
          }

          ul li {
            display: flex;
            justify-content: space-between;
            padding: .9375vw .625vw;
            font-size: .8333vw;
            border-bottom: 2px solid rgba(255, 255, 255, .2);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;

            a {
              color: #ffb033;
            }
          }
        }

        .pagination {
          margin-top: 2.0833vw;

          a {
            border: 1px solid #fff;
            border-radius: 2px;
            line-height: 1.1;
            display: inline-block;
            padding: .3125vw .5208vw;
            margin: 0 .2604vw .2604vw 0;
            color: #fff;
            font-weight: 700;
            font-size: .6667vw;

            &:hover {
              background-color: #fff;
              color: #1d253a;
            }
          }

        }
      }

      //右边内容
      .content_right {
        flex: 1;
        padding: 0 1.5625vw;

        .version_updating {
          margin-top: 3.125vw;

          &:first-child {
            margin-top: 0;
          }
        }

        p {
          margin-top: .6667vw;
          font-size: .8333vw;
          line-height: 1.6;

          a {
            color: #ffc466;
            text-decoration: underline;

          }

          span {
            text-decoration: underline;
            font-size: .9375vw;
            margin: .5vw;
            font-weight: 700;
          }
        }

        h4 {
          font-weight: 700;
          font-size: 1.3021vw;
          margin: 1.6276vw 0 0;
          padding: .2604vw 0;
        }

        ul {
          padding-left: 2.0833vw;

          li {
            font-size: .8333vw;
            list-style: disc;
            line-height: 1.6;
          }
        }

      }
    }
  }

  .icon-xiangshangjiantou {
    width: 1.5625vw;
    height: 1.5625vw;
    background-color: rgba(0, 0, 0, .2);
    position: fixed;
    right: 1.0417vw;
    bottom: 1.0417vw;
    border-radius: 3px;
    font-size: .625vw;
    cursor: pointer;
    text-align: center;
    line-height: 1.5625vw;
    color: #fff;
    font-size: 1.3021vw;
  }

}